<template>
  <div>
    <h2>123</h2>
    <!-- 如果事件处理函数没有什么参数，这里直接写方法名即可 -->
    <!-- 这里没有传递任何的实参，下面的方法，可以直接使用 e -->
    <button @click="one">按钮1</button>
    <br />

    <!-- 如果需要为处理方法传递实参，加上小括号，小括号里面写实参  -->
    <!-- 如果给方法传递了实参，还需要使用事件对象的话，必须传递 $event; 它表示事件对象 -->
    <button @click="two(3, $event, 5)">按钮2</button>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    one(e) {
      console.log(e.target);
    },
    two(m, e, n) {
      console.log(m + n);
      console.log(e.target);
    },
  },
};
</script>

<style  >
h2 {
  color: skyblue;
}
</style>